<!-- 定义组件实例 --> 

<!-- 引入vue框架 -->
<script src="vue.js"></script>

<!-- 界面布局 -->
<div id="app">
     <my-componnet></my-componnet> 
     <my-componnet></my-componnet>
 </div> 

 <script> 

      // 注册自定组件，设置名称及完成功能 
      Vue.component("my-componnet",{ 
           // 定义组件中的数据方法 
           data() { 
               return { 
                   count: 0 
               }
            },
          // 设置组件当中的内容 
          template:'<button v-on:click="count++">被点击{{count}}次</button>'
 }) 
 // 实例化vue对象 
 var vue = new Vue({ 
     el:'#app', 
 }) 
 </script> 
